<template>
    <div class="prlogin">
        <div class="loginTop">
            <div class="img">
                <img src="@/assets/img/ic_avatar.png" alt="" />
            </div>
            <div class="user" @click.stop="$router.push('/login')">
                <span> 立即登录</span>
                <i class="iconfont icon-xiayiye"></i>
            </div>
        </div>
        <div class="aa"></div>
    </div>
</template>

<script>
export default {
    methods: {
        logoin(){ 
        }
    },
};
</script>

<style  lang="scss" scoped>

.prlogin {
    position: relative;
  background-color: #f5f5f5;
  .loginTop {
   position: fixed;
    top:  0px;
    left: 0;
    z-index: 2;
    display: flex;
    width: 100%;
    height: 40px;
    background-color: #fff;
    align-items: center;
    .img {
     flex: 0 0 25px;
      border-radius: 50%;
     margin: 0 10px;
      img {
        width: 100%;
        border-radius: 50%;
      }
    }
    .user {
     display: flex;
     align-items: center;
      span {
        font-size: 12px;
      }
     .icon-xiayiye{
         margin-top: 2px;
     }
    }
  }
  .aa{
      height: 1000px;
  }
}
</style>